//
// breadcrumb.scss
// Extended from Bootstrap
//

//
// Bootstrap Overrides =====================================
//

.breadcrumb-item {
  // The separator between breadcrumbs
  + .breadcrumb-item::before {
    width: .3rem;
    height: .6rem;
    margin-right: $breadcrumb-item-padding;
    -webkit-mask: url() no-repeat 50% 50%;
    mask: url() no-repeat 50% 50%;
    -webkit-mask-size: contain;
    mask-size: contain;
    background: $breadcrumb-divider-color;
  }
}


//
// Dashkit =====================================
//

// Small
//
// Reduces font size

.breadcrumb-sm {
  font-size: $breadcrumb-font-size-sm;
}


// Overflow
//
// Allows the breadcrumb to be overflown horizontally

.breadcrumb-overflow {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  overflow-x: auto;

  &::-webkit-scrollbar {
    display: none;
  }
}

.breadcrumb-overflow .breadcrumb-item {
  white-space: nowrap;
}
